//ws上传料子
.box-wrap-ws{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .box-top{
        // height: 230px;
        border-radius: 16px;
        background: #f6f1ee;
        margin: 0 28px 0 28px;
        div{
            width: 100%;
            // height: 100%;
            padding: 28px;
            display: flex;
            align-items: start;
            flex-direction: column;
            justify-content: space-between;
            span{
                font-size: 14px;
                color: #FB9638;
            }
        }
    }
    .box-operation{
        margin: 28px;
        .box-search{
            height: 100%;
            display: flex;
            align-items: unset;

            .form-group-del{
                position: absolute;
                right: 28px;
                margin-right: auto;
            }
        }
    }
    .fbstaticData{
        background: #FFFFFF;
        position: absolute;
        bottom: 28px;
        top: 390px;
        right: 28px;
        left: 28px;
        border-radius: 24px;
        padding: 28px;
        width: auto !important;
        .vxe-grid{
            height: 100%;

            .vxe-grid--toolbar-wrapper{
                display: none;
            }
            .vxe-table{
                height: 100%;

                .vxe-table--render-wrapper{
                    height: 100%;
                    .vxe-table--main-wrapper{
                        height: 100%;
                        .vxe-table--body-wrapper{
                            height: 90% !important;
                            overflow: scroll;
                        }
                    }
                }
            }
            .vxe-grid--pager-wrapper{
                display: none;
                position: absolute;
                bottom: 0;
            }
        }
    }
    .staticData{
        background: #FFFFFF;
        position: absolute;
        bottom: 28px;
        top: 460px;
        right: 28px;
        left: 28px;
        border-radius: 24px;
        padding: 28px;
        width: auto !important;
        .vxe-grid{
            height: 100%;

            .vxe-grid--toolbar-wrapper{
                display: none;
            }
            .vxe-table{
                height: 100%;

                .vxe-table--render-wrapper{
                    height: 100%;
                    .vxe-table--main-wrapper{
                        height: 100%;
                        .vxe-table--body-wrapper{
                            height: auto !important;
                        }
                    }
                }
            }
            .vxe-grid--pager-wrapper{
                display: none;
                position: absolute;
                bottom: 0;
            }
        }
    }
}
//ws筛开通面板
.box-wrap-wskt{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .box-top{
        // height: 230px;
        border-radius: 16px;
        background: #f6f1ee;
        margin: 0 28px 0 28px;
        div{
            width: 100%;
            // height: 100%;
            padding: 28px;
            display: flex;
            align-items: start;
            flex-direction: column;
            justify-content: space-between;
            span{
                font-size: 14px;
                color: #FB9638;
            }
        }
    }
    .box-operation{
        margin: 28px;
        .box-search{
            height: 100%;
            display: flex;
            align-items: unset;

            .form-group-del{
                position: absolute;
                right: 28px;
                margin-right: auto;
            }
        }
    }
    .staticData{
        background: #FFFFFF;
        position: absolute;
        bottom: 28px;
        top: 325px;
        right: 28px;
        left: 28px;
        border-radius: 24px;
        padding: 28px;
        width: auto !important;
        .vxe-grid{
            height: 100%;

            .vxe-grid--toolbar-wrapper{
                display: none;
            }
            .vxe-table{
                height: 100%;

                .vxe-table--render-wrapper{
                    height: 100%;
                    .vxe-table--main-wrapper{
                        height: 100%;
                        .vxe-table--body-wrapper{
                            height: auto !important;
                        }
                    }
                }
            }
            .vxe-grid--pager-wrapper{
                // display: none;
                position: absolute;
                bottom: 0;
            }
        }
    }
}
//ws筛开通面板
.box-wrap-ws-sm{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .box-top{
        height: 140px;
        border-radius: 16px;
        background: #f6f1ee;
        margin: 0 28px 0 28px;
        div{
            width: 100%;
            padding: 28px;
            display: flex;
            align-items: start;
            flex-direction: column;
            justify-content: space-between;
            span{
                font-size: 14px;
                color: #FB9638;
            }
        }
    }
    .box-bottom{
        position: absolute;
        top: 302px;
        right: 28px;
        left: 28px;
        bottom: 28px;
        padding: 28px 100px 28px 100px;
        border-radius: 16px;
        background: #FFFFFF;
        // overflow-y: scroll;
        .box-bottom-chil{
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;

            .chil-img{
                display: flex;
                justify-content: end;
                margin-top: 27px;
                img{
                    width: 108px;
                    height: 40px;  
                }
            }
            .box-chil-top{
                display: flex;
                justify-content: space-between;
                
                .form-group-enquire6{
                    display: flex;
                    height: 40px;
                    width: 409px;
                    .notspan1{
                        margin-right: 20px;
                        font-size: 16px;
                        color: #060606;
                        display: flex;
                        align-items: center;
                        min-width: 64px;
                    }
                    .notspan{
                        width: 100px;
                        min-width: 32px;
                        font-size: 16px;
                        color: #060606;
                        display: flex;
                        align-items: center;
                    }
                    .ivu-select{
                        width: 100%;
                        height: 100%;
                        .ivu-select-selection{
                            height: 100%;
                            border-radius: 8PX;

                            div{
                                height: 100%;
                                input{
                                    height: 100%;
                                }
                            }
                        }
                    }
                    .ivu-input-wrapper{
                        width: 100%;
                        height: 100%;
                        .ivu-input-icon{
                            line-height: 40px;
                        }
                        input{
                            width: 100%;
                            height: 100%;
                            border-radius: 8PX;
                        }

                    }
                }
                .form-group-enquire{
                    display: flex;
                    height: 40px;
                    width: 409px;
                    .notspan1{
                        margin-right: 20px;
                        font-size: 16px;
                        color: #060606;
                        display: flex;
                        align-items: center;
                        min-width: 64px;
                    }
                    .notspan{
                        min-width: 32px;
                        margin:0 20px;
                        font-size: 16px;
                        color: #060606;
                        display: flex;
                        align-items: center;
                    }
                    .ivu-select{
                        width: 100%;
                        height: 100%;
                        .ivu-select-selection{
                            height: 100%;
                            border-radius: 8PX;

                            div{
                                height: 100%;
                                input{
                                    height: 100%;
                                }
                            }
                        }
                    }
                    .ivu-input-wrapper{
                        width: 100%;
                        height: 100%;
                        .ivu-input-icon{
                            line-height: 40px;
                        }
                        input{
                            width: 100%;
                            height: 100%;
                            border-radius: 8PX;
                        }

                    }
                }
                .form-group-enquire2{
                    display: flex;
                    height: 40px;
                    width: 409px;
                    margin-right: 20px;
                    .notspan1{
                        margin-right: 20px;
                        font-size: 16px;
                        color: #060606;
                        display: flex;
                        align-items: center;
                        min-width: 64px;
                    }
                    .notspan{
                        min-width: 32px;
                        margin:0 20px;
                        font-size: 16px;
                        color: #060606;
                        display: flex;
                        align-items: center;
                    }
                    .ivu-select{
                        width: 100%;
                        height: 100%;
                        .ivu-select-selection{
                            height: 100%;
                            border-radius: 8PX;

                            div{
                                height: 100%;
                                input{
                                    height: 100%;
                                }
                            }
                        }
                    }
                    .ivu-input-wrapper{
                        width: 100%;
                        height: 100%;
                        .ivu-input-icon{
                            line-height: 40px;
                        }
                        input{
                            width: 100%;
                            height: 100%;
                            border-radius: 8PX;
                        }

                    }
                }                
            }
            .scroll{
                height: 100%;
                overflow: scroll;   
                margin-top: 24px;
                .box-chil-cen{
                    height: 100%;
                    overflow-y: scroll;
                    .box-chil-center{
                        margin-bottom: 16px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        .num{
                            display: flex;
                            .num-span{
                                min-width: 64px;
                                font-size: 16px;
                                color: #060606;
                                margin-right: 8px;
                            }
                            .num-span2{
                                font-size: 16px;
                                color: #0559FD;
                            }
                        }
                        .num2{
                            display: flex;
                            align-items: center;
                            span{
                                font-size: 16px;
                                color: #060606;
                                margin-right: 20px;
                            }
                            .ivu-input-wrapper{
                                width: 140px;
                                height: 40px;
                                .ivu-input{
                                    width: 100%;
                                    height: 100%;
                                    border-radius: 8px;
                                }
                            }
                        }
                    }
                }             
            }


            .box-chil-bottom{
                display: flex;
                align-items: center;
                .notspan{
                    font-size: 16px;
                    color: #060606;
                    display: flex;
                    align-items: center;
                }
                .iswit{
                    margin: 0 20px;
                }
                .istext{
                    span{
                        font-size: 14px;
                        color: #333D51;
                    }
                }
            }
        }
    }
    .box-operation{
        margin: 28px;
        .box-search{
            height: 100%;
            display: flex;
            align-items: unset;

            .form-group-del{
                position: absolute;
                right: 28px;
                margin-right: auto;
            }
        }
    }
    .staticData{
        background: #FFFFFF;
        position: absolute;
        bottom: 28px;
        top: 330px;
        right: 28px;
        left: 28px;
        border-radius: 24px;
        padding: 28px;
        width: auto !important;
        .vxe-grid{
            height: 100%;

            .vxe-grid--toolbar-wrapper{
                display: none;
            }
            .vxe-table{
                height: 100%;

                .vxe-table--render-wrapper{
                    height: 100%;
                    .vxe-table--main-wrapper{
                        height: 100%;
                        .vxe-table--body-wrapper{
                            height: auto !important;
                        }
                    }
                }
            }
            .vxe-grid--pager-wrapper{
                // display: none;
                position: absolute;
                bottom: 0;
            }
        }
    }
}
@media screen and (max-width: 1465px){
    .box-wrap-ws{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;

        .box-operation{
            margin: 28px;
            .box-search{
                height: 100%;
                display: flex;
                align-items: unset;
                
                .form-group-enquire{
                    display: flex;
                    margin-right: 16px;
                    img{
                        height: 2.5rem;
                        // width: 6.375rem;
                    }
                }
                .form-group-del{
                    position: absolute;
                    right: 28px;
                    display: flex;
                    margin-right: auto;
                    height: 2.5rem;
                    img{
                        width: 6.375rem;
                    }
                }
            }
        }
    }
}
//
.ivu-col-span-8{
    width: 100%;
    color:#FF3535
}
//公告管理
.box-wrap-addgg{
    position: absolute;
    top: 134px;
    left: 28px;
    bottom: 28px;
    right: 28px;
    .box-wrap-addgg-chil{
        overflow-y: scroll;
        height: 100%;
        width: 100%;
        display: grid;
        justify-content: space-between;
        grid-template-columns: repeat(3,1fr);
        gap: 40px;
        .addbox{
            height: 270px;
            background: #FFFFFF;
            border-radius: 24px;
            max-width: 43rem;
            .addbox-chil{
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0 24px;
                img{
                    width: 100%;
                    height: 174px;
                }
            }
        }
    }
    //公告盒子
    .addgg_box{
        height: 270px;
        background: #FFFFFF;
        border-radius: 24px;
        max-width: 43rem;
       .addgg_box_chil{
            width: 100%;
            height: 100%;
            padding: 24px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .chil-top{
                width: 100%;
                display: flex;
                justify-content: space-between;
                .chil-top-left{
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    .font-top{
                        font-size: 18px;
                        color: #060606;
                        font-weight: 700;
                    }
                    .font-bottom{
                        font-size: 12px;
                        color: #A5ADBD;
                    }
                }
                .chil-top-right{
                    display: flex;
                    align-items: center;
                }
            }
            .chil-center{
                width: 100%;
                height: 50%;
                overflow: scroll;
                background: #F8F9FB;
                display: flex;
                padding: 16px;
                border-radius: 8px;
                justify-content: space-between;
                .chil-center-left{
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    width: 80%;
                    span{
                        font-size: 14px;
                        word-wrap: break-word;
                        color: #333D51;
                    }
                }
                .chil-center-right{
                    display: flex;
                    align-items: center;
                }                
            }
            .chil-bottom{
                width: 100%;
                display: flex;
                justify-content: space-between;
                .chil-bottom-left{
                    height: 46px;
                    width: 50%;
                    margin-right: 8px;
                    background: #ecfbf5;  
                    border-radius: 8px;  
                    div{
                        height: 100%;
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        img{
                            width: 24px;
                            height: 24px;
                        }
                        span{
                            font-size: 18px;
                            color: #3DD598;
                        }
                    }                
                }
                .chil-bottom-right{
                    height: 46px;
                    width: 50%;
                    background: #fdefed;
                    margin-left: 8px;
                    border-radius: 8px; 
                    div{
                        height: 100%;
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        img{
                            width: 24px;
                            height: 24px;
                        }
                        span{
                            font-size: 18px;
                            color: #F06150;
                        }
                    }                      
                }
            }
       } 
    }

}
//文件上传样式
.ivu-upload-list-file .ivu-upload-list-remove{
    display: inline !important;
}
.ivu-upload-list-file .ivu-progress{
    display: none;
}
//ws筛开通表格高度
.box-wrap-ws .staticData .vxe-grid .vxe-table .vxe-table--render-wrapper .vxe-table--main-wrapper .vxe-table--body-wrapper{
  height: 95% !important;  
}
// .ivu-input
.ivu-input::-webkit-outer-spin-button,
.ivu-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none; 
    margin: 0; 
}
.ivu-input-icon{
    line-height: 40px;
}
//状态按钮变绿
.ivu-switch-checked{
    border-color: #3DD598;
    background-color: #3DD598;
}
//按钮偏右
.form-group-right-button{
    display: flex !important;
    position: absolute;
    right: 0;
}
.form-group-right-button .form-group-enquire{
    margin-right: 15px;
}
//开通进行中
.four{
    width: 72px;
    height: 20px;     
    background: url(../images/peach-svg/inging.svg) no-repeat 0 0;
}
//开通暂停中
.five{
    width: 72px;
    height: 20px;    
    background: url(../images/peach-svg/pause.svg) no-repeat 0 0;
}
//开通已停止
.six{
    width: 72px;
    height: 20px;    
    background: url(../images/peach-svg/stop.svg) no-repeat 0 0;
}
//开通已完成
.seven{
    width: 72px;
    height: 20px;    
    background: url(../images/peach-svg/finished.svg) no-repeat 0 0;
}
//开通排队中
.eight{
    width: 72px;
    height: 20px;    
    background: url(../images/peach-svg/standin.svg) no-repeat 0 0;
}
//多选框设置
.vxe-table .vxe-cell--checkbox .vxe-checkbox--icon:before{
    border: 1px solid #dcdfe6;
}
// .vxe-table .vxe-cell--checkbox .vxe-checkbox--checked-icon:after{
//     border: 1px solid #fff;
// }
//多选框变色
.vxe-table .is--checked.vxe-cell--checkbox .vxe-checkbox--icon:before,.vxe-table .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon:before{
    border-color: #0559FD;
    background-color: #0559FD;
}
//表格中间的丨
.vxe-header--column .vxe-resizable{
    height: 0;
}
.Form-item-button .ivu-form-item-content{
    display: flex;
}
//ws上传料子 取消按钮
.Form-item-button .ivu-form-item-content .ivu-btn-default{
    width: 40%;
    height: 56px;
    margin-right: 10px;
    border-radius: 8px;
    font-size: 16px;
}

.box-wrap-wskt .staticData .vxe-grid .vxe-table .vxe-table--render-wrapper .vxe-table--main-wrapper .vxe-table--body-wrapper{
    overflow: scroll;
    height: 80% !important;
}

.vxe-table .vxe-cell .el-button--success{
    background-color: #0559FD;
    border-color: #0559FD;
}
//鼠标悬浮提示框
.el-tooltip__popper.is-dark{
    background: #F8F9FB !important;
    border-radius: 10px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2)
}
//侧边栏选中框样式
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu) {
    color: #0559FD;
    background: #F8F9FC;
    z-index: 2;
    border-radius: 4px;
}
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):after{
    width: 0;
}
//成功弹框
.mgy-promptBox{
    box-shadow: 2px 6px 10px rgba(163, 170, 177, 0.1);
}

.form-modal .modal-body form .ivu-form-item input{
    font-size: 14px;
}